﻿<UserControl x:Class="Matchingo.Modules.OptionsModule.Views.OptionsView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
	<UserControl.Resources>
		<Storyboard x:Name="SlideInLeftStoryboard">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="MovableContainer" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="-363"/>
				<SplineDoubleKeyFrame KeySpline="0,0,1,1" KeyTime="00:00:00.5000000" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="SlideOutLeftStoryboard">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="MovableContainer" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
				<SplineDoubleKeyFrame KeySpline="1,1,1,1" KeyTime="00:00:00.5000000" Value="-363"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>
    
	<Canvas x:Name="LayoutRoot" 
		    Width="360" Height="430" RenderTransformOrigin="0.5,0.5">

		<Grid Height="430" x:Name="MovableContainer" Width="360" RenderTransformOrigin="0.5,0.5">
			<Grid.RenderTransform>
				<TransformGroup>
					<ScaleTransform/>
					<SkewTransform/>
					<RotateTransform/>
					<TranslateTransform/>
				</TransformGroup>
			</Grid.RenderTransform>
			<Grid Margin="60,56,62,8">
				<Grid.OpacityMask>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#00FF0000"/>
						<GradientStop Color="#FFFF0000" Offset="0.027"/>
						<GradientStop Color="#FFFF0000" Offset="0.729"/>
						<GradientStop Color="#00000000" Offset="1"/>
					</LinearGradientBrush>
				</Grid.OpacityMask>
				<Rectangle Margin="26,0,26,0" Stroke="#FF000000">
					<Rectangle.Fill>
						<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
							<GradientStop Color="#FF2A3F71"/>
							<GradientStop Color="#FF08183F" Offset="0.676"/>
							<GradientStop Color="#FF2A3F71" Offset="1"/>
						</LinearGradientBrush>
					</Rectangle.Fill>
				</Rectangle>
				<Rectangle Width="26" Stroke="#FF000000" HorizontalAlignment="Right">
					<Rectangle.Fill>
						<LinearGradientBrush EndPoint="0.809,0.503" StartPoint="-0.095,0.503">
							<GradientStop Color="#FF999999"/>
							<GradientStop Color="#FFFFFFFF" Offset="0.132"/>
							<GradientStop Color="#FF8D8D8D" Offset="1"/>
							<GradientStop Color="#FFF9F9F9" Offset="0.854"/>
						</LinearGradientBrush>
					</Rectangle.Fill>
				</Rectangle>
				<Rectangle Width="26" Stroke="#FF000000" HorizontalAlignment="Left">
					<Rectangle.Fill>
						<LinearGradientBrush EndPoint="0.809,0.503" StartPoint="-0.095,0.503">
							<GradientStop Color="#FF999999"/>
							<GradientStop Color="#FFFFFFFF" Offset="0.132"/>
							<GradientStop Color="#FF8D8D8D" Offset="1"/>
							<GradientStop Color="#FFF9F9F9" Offset="0.854"/>
						</LinearGradientBrush>
					</Rectangle.Fill>
				</Rectangle>
			</Grid>

			<Border BorderThickness="1" BorderBrush="#44444444" CornerRadius="4" x:Name="border" RenderTransformOrigin="0.5,0.5">
				<Border.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</Border.RenderTransform>
			</Border>
			<TextBlock Text="Options" Height="Auto" Width="Auto" FontSize="36" Foreground="#FFFFFFFF" Margin="100.099,68,103.901,0" VerticalAlignment="Top" FontFamily="Portable User Interface" FontWeight="Bold" d:LayoutOverrides="Width" x:Name="OptionsTextblock"/>
			<!-- TODO:: need to pull a list of valid card counts from somewhere -->
			<TextBlock Text="Card Count" Height="Auto" Margin="116.185,125,118.815,0" VerticalAlignment="Top" Width="Auto" FontSize="22" Foreground="#FFFFFFFF" d:LayoutOverrides="Width" x:Name="CardCountLabel" TextAlignment="Center"/>                                                
			<ComboBox x:Name="CardCountComboBox"                                  
				SelectedIndex="0"
				SelectionChanged="CardCountComboBox_SelectionChanged" Margin="90,155,93,0" Cursor="Hand" VerticalAlignment="Top" Height="32">                            
				<ComboBoxItem Content="4" />
				<ComboBoxItem Content="6" />
				<ComboBoxItem Content="12" />
				<ComboBoxItem Content="16" />
				<ComboBoxItem Content="20" />
				<ComboBoxItem Content="24" />
				<ComboBoxItem Content="30" />
				<ComboBoxItem Content="36" />                            
			</ComboBox>
			<TextBlock Text="Volume" Height="Auto" Margin="116.185,0,118.815,63" Width="Auto" FontSize="22" Foreground="#FFFFFFFF" x:Name="VolumeLabel" d:LayoutOverrides="Width, Height" TextAlignment="Center" VerticalAlignment="Bottom"/>
			<Slider Margin="90,0,93,41" x:Name="VolumeSlider" Maximum="1" 
                    LargeChange="0.25" Value="1" Cursor="Hand"
                    ValueChanged="VolumeSlider_ValueChanged" Height="32" VerticalAlignment="Bottom"/>
			<TextBlock Margin="142.5,0,145.5,36" x:Name="VolumeValueLabel" VerticalAlignment="Bottom" Text="XX" TextAlignment="Center" TextWrapping="Wrap" Foreground="#FFFFFFFF"/>
			<TextBlock Text="Card Set" Height="Auto" Margin="116,193,119,205" Width="Auto" FontSize="22" Foreground="#FFFFFFFF" x:Name="CardSetLabel" TextAlignment="Center" d:LayoutOverrides="Width, Height"/>
			<ComboBox x:Name="CardSetComboBox"                                  
                SelectionChanged="CardSetComboBox_SelectionChanged"
				Margin="90,0,93,175" Cursor="Hand" Height="32" VerticalAlignment="Bottom"/>
			<TextBlock Text="Background Set" Height="Auto" Margin="60,0,62,134" VerticalAlignment="Bottom" Width="Auto" FontSize="22" Foreground="#FFFFFFFF" x:Name="BackgroundSetLabel" TextAlignment="Center" d:LayoutOverrides="Height"/>
			<ComboBox x:Name="BackgroundComboBox"                                  
                SelectionChanged="BackgroundSetComboBox_SelectionChanged"
				Margin="90,0,93,104" Cursor="Hand" Height="32" VerticalAlignment="Bottom"/>
                        
			<!-- NOTE:: this was a combobox for selecting background groups, not implemented yet, so removed for now -->
            <!--
			<TextBlock Grid.Column="0" Text="Background" Height="Auto" Margin="114.112,0,115.113,142" VerticalAlignment="Bottom" Width="Auto" RenderTransformOrigin="0.5,0.5" FontSize="22" Foreground="#FFFFFFFF" d:LayoutOverrides="Width">
				<TextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleY="1"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</TextBlock.RenderTransform>
			</TextBlock>
			<ComboBox Height="32" Margin="91,0,92,114" VerticalAlignment="Bottom" Cursor="Hand">
				<ComboBoxItem>
					<TextBlock><Run Text="background_atlantaZoo.png"/></TextBlock>
				</ComboBoxItem>
			</ComboBox>
            -->
		</Grid>        
    </Canvas>
</UserControl>
